@charset "utf-8";


.clear{clear: both;}
.red{color: #f00;}
.color01{color: #3bc490;}
.color02{color: #fff;}
.color03{color: #ff9d3a;}
.color04{color: #428864;}
.color05{color: #000;}
.bgcolor04{background-color: #428864 !important;}
.np{padding: 0px !important;}
.nplr{padding-left: 0px !important;padding-right: 0px !important;}
.npl{padding-left: 0px;}
.npr{padding-right: 0px;}
.textright{text-align: right;;}
.textcenter{text-align: center;}
.textleft{text-align:left !important;}
.border0{border:0px !important;;}
a.underline{ text-decoration: underline; }


.button01{background-color:#fe9d3a; color: #fff; width: 180px; height: 40px; font-size: 18px; font-weight: bolder; }
.button02{background-color:#fad46b; color: #fff; width: 80px; height: 40px; font-size: 18px; font-weight: bolder; }
.button03{background-color:#f0fff9; color: #3caf84; width: 220px; height: 60px; font-size: 18px; font-weight: bolder;  border: 1px solid #cce0d6;}
.button04{background-color:#fdebd9; color: #ff9d3a; width: 220px; height: 60px; font-size: 18px; font-weight: bolder;  border: 1px solid #fdd3a8;}
.button05{background-color:#b9b9b9; color: #fff; width: 80px; height: 40px; font-size: 18px; font-weight: bolder; }
.btn.wthover.focus, .wthover.btn:focus, .wthover.btn:hover{ color: #fff !important; }
.btn.nonehover.focus, .nonehover.btn:focus, .nonehover.btn:hover{ color: auto !important; }

.simpleline{border-bottom: 1px solid #ccc; }



html,body{ padding: 0 0px 0px; min-width: 1000px; height: 100%; overflow: auto;}
.wrapper{min-height:100%;}
.headerbg{ position: absolute; background-color: ; height: 50px; left: 0px; right: 0px;display: block; width: 100%;}
html,body,.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side{ background-color: #fff; }
.main-header .logo{ width: 350px; }

.skin-green .main-header .logo:hover {background-color: #44c493;}
.main-header>.navbar{ margin-left: 350px; }
.skin-green .main-header .logo{ background-color: #44c493;  font-size: 22px;  font-family: "Microsoft YaHei";}
.skin-green .main-header .navbar{ background-color: #44c493; }
.user-menu,.messages-menu{ background-color: #22af7a; border-right: 1px solid #44c493; }
.skin-green .main-header .navbar .nav>li>a:hover, .skin-green .main-header .navbar .nav>li>a:active, .skin-green .main-header .navbar .nav>li>a:focus, .skin-green .main-header .navbar .nav .open>a, .skin-green .main-header .navbar .nav .open>a:hover, .skin-green .main-header .navbar .nav .open>a:focus, .skin-green .main-header .navbar .nav>.active>a{background-color: #22af7a; }

.main-header.second-header>.navbar{margin-left: 0px; background-color: #e6ebe5; border-top: 1px solid #cbd0ca; border-bottom: 1px solid #cbd0ca;}
.main-header.second-header .navbar-custom-menu{ float: left; }
.main-header.second-header .user-menu{min-width: 160px; text-align: center;background-color: #e6ebe5; border-right: 0px;}
.main-header.second-header .user-menu a.dropdown-toggle{ color: #427a5d !important; font-weight: bolder;}
.main-header.second-header .user-menu.active{background-color: #22af7a;}
.main-header.second-header .user-menu.active a.dropdown-toggle{ color: #fff !important; }
.main-header.second-header .dropdown  ul.dropdown-menu{ width: 160px; background-color: #dffaf1;}
.main-header.second-header .dropdown .dropdown-menu li a{ height: 40px; line-height: 40px; text-align: center; font-weight: bolder; }



/*左侧菜单*/

.sidebar-menu > li{ background-color: #e6ebe5; border-bottom: 1px solid #e0e2e1;}
.sidebar-menu > li a {padding-left: 40px; }
.sidebar-menu > li a span{color: #427a5d; }
.sidebar-menu li.active  a span{color: #fff; }
.skin-green .sidebar-menu>li.active>a{ background-color:#22af7a; padding-left: 40px; font-weight: bold;  }
.skin-green .sidebar-menu>li:hover>a{ background-color: #22af7a; padding-left: 40px; font-weight: bold; color: #fff; }
.skin-green .sidebar-menu>li:hover>a span{color:#fff}
.sidebar-menu .treeview-menu{padding-left: 0px;}
.skin-green .sidebar-menu>li>.treeview-menu {background-color: #ddf9ef; }
.skin-green .sidebar-menu>li>.treeview-menu .active{background-color:#fafbfa; }
.skin-green .sidebar-menu>li>.treeview-menu li a{ height: 40px; line-height: 30px; text-align: left; padding-left: 62px;}
.skin-green .treeview-menu>li>a{ color: #343434; }
.skin-green .treeview-menu>li.active>a{background-color:#fafbfa ; color: #014925;}

.skin-green .treeview-menu>li>a:hover{color: #343434;}

.content{ background-color: #e6ebe5;margin-top:10px;  bottom:0px; min-height: 300px;}
.leftbar{  bottom: 0px; }
.rightcontent{ background-color: #fff;min-height: 600px; }
/**/
.footer{ position: fixed; bottom:0px; width:100%; left: 0px; height: 30px; text-align: right; background-color: #e1e1e3; line-height: 30px; padding-right: 40px; z-index: 99999;}

.info-box-style-01 {border: 1px solid #cce0d5}
.info-box-style-01 .info-box-icon{ background-color: #fff; height: 88px; width: 80px;}
.info-box-style-01 .info-box-icon img{margin-top: -10px;}
.info-box-style-01 .info-box-number{ font-size: 30px; text-align: center; }
.info-box-style-01 .info-box-text{ font-size: 14px; text-align: center; }
.info-box-style-01 .info-box-content{ margin-left: 80px; }

.info-box-style-02 {border: 1px solid #cce0d5;}
.info-box-style-02 .info-box-left-span{ font-size: 14px; float: left; text-align: center;  background-color: #e5f0d0;    height: 88px;
    width: 45px; padding-top: 25px;}
.info-box-style-02 .info-box-number{ font-size: 25px; text-align: center; }
.info-box-style-02 .info-box-text{ font-size: 12px; text-align: center; }
.info-box-style-02 .info-box-content{margin-left: 40px; padding-top: 16px; }
.info-box-style-02 .info-box-content .np{ border-right: 1px solid #e7e6c8;  padding-bottom: 6px;}
.info-box-style-02 .info-box-content .np:last-child{border-right: 0px;}




.tablestyle01{border:1px solid #e8e8ea;}
.tablestyle01 td,.tablestyle01 th{border:1px solid #e8e8ea;}
.tablestyle01>thead>tr>td{}{}
.tablestyle01  tr.tr01 td{background-color: #fafafa;}


.pagination .active a{background-color: #428864 !important; border:1px solid #428864 !important;}



.header02{ width: 50%; margin: 0 auto; height: 50px; }
.header03{ width: 50%; margin: 0 auto;  }
.header02>div{ height: 50px; line-height: 50px; font-size: 18px; text-align: center; font-weight: bolder; color:#cccccc; }
.header02>div>a{color: #ccc;}
.header02>div.active{ border-bottom: 3px solid #fe9d3a; color: #000; }


.page3header01{ background-color:; }

.page3header01 .box-header{ background-color: #f0f1f3; }
.page3header01 .desc{ color: #666666; font-size: 14px; }


.form-horizontal .control-label{ font-weight: normal; }

.page4 .page4Content{ padding: 15px; }
.page4header{ height: 40px; background-color: #f0f1f3; font-weight: bold; line-height: 38px; padding-left: 20px; }
.page4 .tablestyle01 td{padding: 20px; background-color: #f9fafb;}


.categorycontent{ padding-left: 15px; }
.categorycontent>div{ border: 2px solid #ccd0cb; padding: 10px; border-right: 0px; }
.categorycontent>div:last-child{border: 2px solid #ccd0cb; }
.categoryselect input.form-control{ height: 40px; }
.categoryselect>.input-group-btn>button.btn{ height: 40px; }
.categoryselect>.input-group-btn>button {
    background-color: #56c695;
    border-color: #56c695;
}
.categoryselect>.input-group-btn>button i{color:#fff; font-size: 18px;}
.categorycontent .selectoption{height: 200px; overflow-y: scroll; margin-top: 10px;}


.jumptotop{ position: fixed; bottom:60px; right: 80px; }



.page5 .nav-tabs.nav-tabs01>li>a, .page5  .nav-tabs.nav-tabs01>li>a:focus, .page5  .nav-tabs.nav-tabs01>li>a:hover{background-color: #f0f1f3; border-radius: 0px; border: 0px; color: #000; font-weight: bold; padding-left: 40px; padding-right: 40px;}
.page5 .nav-tabs.nav-tabs01>li.active>a, .page5  .nav-tabs.nav-tabs01>li.active>a:focus, .page5  .nav-tabs.nav-tabs01>li.active>a:hover{background-color: #fff; border-radius: 0px; border: 0px; border-top: 2px solid #22af7a;}

.page5 .nav-tabs01{border:0px;background-color: #f0f1f3; overflow: hidden; padding-left: 1px;}
.page5 .tab-content01{ padding: 30px; border: 1px solid #f0f1f3; }


.page5 .nav-tabs.nav-tabs02>li>a, .page5  .nav-tabs.nav-tabs02>li>a:focus, .page5  .nav-tabs.nav-tabs02>li>a:hover{background-color: #f0f1f3; border-radius: 0px; border: 0px; color: #000; font-weight: bold; padding-left: 40px; padding-right: 40px;}
.page5 .nav-tabs.nav-tabs02>li.active>a, .page5  .nav-tabs.nav-tabs02>li.active>a:focus, .page5  .nav-tabs.nav-tabs02>li.active>a:hover{background-color: #fff; border-radius: 0px; border: 0px; border-top: 2px solid #22af7a;}
.page5 .nav-tabs02{border:0px;background-color: #f0f1f3; overflow: hidden; padding-left: 1px;}
.page5 .tab-content02{ padding: 0px; border: 1px solid #f0f1f3; }


.page5 .tablestyle01{ margin-bottom: 0px; }
.page5 .tablestyle01 i.fa-angle-down,.page5 .tablestyle01 i.fa-angle-up{ color: #f0c960; }


.page6 .nav-tabs.nav-tabs02>li>a, .page5  .nav-tabs.nav-tabs02>li>a:focus, .page5  .nav-tabs.nav-tabs02>li>a:hover{background-color: #f0f1f3; border-radius: 0px; border: 0px; color: #000; font-weight: bold; padding-left: 40px; padding-right: 40px;}
.page6 .nav-tabs.nav-tabs02>li.active>a, .page5  .nav-tabs.nav-tabs02>li.active>a:focus, .page5  .nav-tabs.nav-tabs02>li.active>a:hover{background-color: #fff; border-radius: 0px; border: 0px; border-top: 2px solid #22af7a;}
.page6 .nav-tabs02{border:0px;background-color: #f0f1f3; overflow: hidden; padding-left: 1px;}
.page6 .tab-content02{ padding: 0px; border: 1px solid #f0f1f3; }


.page7 .tablestyle01 tr.tr01 td{ background-color: #f0f1f3; }
.page7 .rightcontent{ padding: 0px; }
.page7 .page4header{ padding-left: 0px; }
.page7 .page4header>span{ background-color: #fff; border-top: 2px solid #22af7a; height: 40px;
    display: block;
    width: 200px; text-align: center; color: #22af7a; font-weight: bold; font-size: 18px; }


.stat{ height: 200px; width: 90%; display: block; position: relative;  margin-top: 60px; margin-left: 15px;}
.stat>div{ border: 1px solid #e7e7eb; border-right:0px; height: 100%; width: 16%; float: left; }
.stat>div:last-child{border: 1px solid #e7e7eb;}

.stat .stat1{position: absolute; top: -10px; left: -15px;}
.stat .stat0{position: absolute; top: 190px; left: -15px;}


